import React, { Component } from "react";

class Child1 extends Component {
  // 类组件的props的默认值（固定写法）
  // static defaultProps = {
  //   name: "lisi",
  //   count: 10,
  // };

  render() {
    return <div>child1组件 - {this.props.name}</div>;
  }
}
// 类的私有属性，等价于直接在类上面挂载属性
Child1.defaultProps = {
  name: "lisi",
};

const Child2 = (props) => {
  return <div>child2组件 - {props.count}</div>;
};
// 对于函数组件来说，只有一种方式，就是直接在组件上面进行挂载
Child2.defaultProps = {
  count: 3,
};

class App extends Component {
  render() {
    return (
      <>
        <h2>props的默认值</h2>
        <Child1 />
        <Child2 />
      </>
    );
  }
}

export default App;
